
var arrayOfTitles = new Array( "Stretch 1", "Stretch 2", "Stretch 3", "Stretch 4", "Stretch 5", "Stretch 6", "Stretch 7",
		"Stretch 8", "Stretch 9", "Stretch 10", "Stretch 11", "Stretch 12", "Stretch 13", "Stretch 14",
		"Stretch 15", "Stretch 16", "Stretch 17", "Stretch 18", "Stretch 19", "Stretch 20");
var arrayOfImages = new Array( "images/stretch-1.jpg", "images/stretch-2.jpg", "images/stretch-3.jpg", 
		"images/stretch-4.jpg", "images/stretch-5.jpg", "images/stretch-6.jpg", "images/stretch-7.jpg", 
		"images/stretch-8.jpg", "images/stretch-9.jpg",  "images/stretch-10.jpg", "images/stretch-11.jpg", 
		"images/stretch-12.jpg", "images/stretch-13.jpg", "images/stretch-14.jpg", "images/stretch-15.jpg",
		"images/stretch-16.jpg", "images/stretch-17.jpg", "images/stretch-18.jpg", "images/stretch-19.jpg", "images/stretch-20.jpg");
var arrayOfAltTitle = new Array( "Stretch 1", "Stretch 2", "Stretch 3", "Stretch 4", "Stretch 5", "Stretch 6", "Stretch 7",
		 "Stretch 8", "Stretch 9", "Stretch 10", "Stretch 11", "Stretch 12", "Stretch 13", "Stretch 14",
		 "Stretch 15", "Stretch 16", "Stretch 17", "Stretch 18", "Stretch 19", "Stretch 20");

var index = 0;

function showNextItem()
{
if( index <19)
{
index = index +1;
document.getElementById( "title" ).innerHTML = arrayOfTitles [ index ];
document.getElementById( "image" ).src = arrayOfImages [ index ];
document.getElementById( "image" ).alt = arrayOfAltTitle [ index ];
document.getElementById( "image" ).title = arrayOfAltTitle [ index ];
}
}

function showPreviousItem()
{
if( index >=1)
{
index = index -1;
document.getElementById( "title" ).innerHTML = arrayOfTitles [ index ];
document.getElementById( "image" ).src = arrayOfImages [ index ];
document.getElementById( "image" ).alt = arrayOfAltTitle [ index ];
document.getElementById( "image" ).title = arrayOfAltTitle [ index ];
}
}